Ext.define('Era.view.EventScreen',{
    extend: 'Ext.form.Panel',
    alias: 'widget.eventscreen',
    layout: 'vbox',
    
    
    
    items: [
        {
            xtype: 'textfield',
            fieldLabel: 'Title',
            labelAlign: 'top',
            name: 'title',
            flex: 1
        },  
        {
            xtype: 'iconfield',
            name: 'icon',
            flex: 1,
            listeners: {
                click: function() {
                    Era.controller.Main.showIconWindow();
                }
            }
        },
        {
            xtype: 'textarea',
            fieldLabel: 'Description',
            labelAlign: 'top',
            name: 'description',
             flex: 1
        },
        {
            xtype: 'datefield',
            fieldLabel: 'startDate',
            labelAlign: 'top',
            name: 'start_date',
            format: 'm-d-Y',
            flex: 1
        },
        {
            xtype: 'checkboxfield',
            fieldLabel: 'Hight Prioirty',
            labelAlign: 'left',
            name: 'priority',
            flex: 1
        },
        {
            xtype: 'textfield',
            fieldLabel: 'Estimate',
            labelAlign: 'left',
            name: 'estimate',
            flex: 1
        },
        {
            xtype: 'textfield',
            fieldLabel: 'Preparation',
            labelAlign: 'left',
            name: 'preparation',
            flex: 1
        }
    ]
    
    
});